
import styled from "styled-components";

function r(px) {
  let baseSize = 75 / 2;
  return (px / baseSize).toFixed(2) + "rem";
}

export const Listone = styled.div`
  
.partly{
  width:${r(345)};
  height:${r(280)};
  margin:${r(15)};
  box-shadow: 0 0.05333rem 0.4rem 0.02667rem rgba(35,35,35,.08);
    border-radius: ${r(6)};
    border: 1px solid #ebebeb;
}
.fourp{
  width:${r(310)};
  height:${r(50)};
  margin:${r(15)};
  .imgtop{
    float:left;
    width:${r(50)};
    height:${r(50)};
  }
  .titlebar{
    float:left;
    width:${r(152)};
    height:${r(31)};
    font-size:${r(18)};
    line-height:${r(31)};
    font-weight:700;
    margin-left:${r(15)};
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    }
    .byline{
      float:left;
    width:${r(152)};
    height:${r(16)};;
    font-size:${r(12)};
    line-height:${r(16)};
    margin-left:${r(15)};
    
  }
    a{
      display:block;
      width:${r(14)};
      height:${r(14)};
      float:right;
      position:absolute;
      right:${r(15)};
      top:${r(85)}
      font-size:${r(18)};
      line-height:${r(14)}
    }


}
  h2{
    font-size:${r(20)}
    font-weight:900;
    text-align:center;
    display:block;
    width:100%;
    height:${r(43)};
    line-height:${r(43)};
    border-bottom:1px solid #ededed;   
  }
    .hotthea_show {
      display: inline-block;
      width: ${r(107)};
      height: ${r(200)};
      .hotthea_time {
        width: 100%;
        height: ${r(20)};
        line-height: ${r(20)};
        text-align: center;
        color: #b3b3b3;
        margin: ${r(8)} 0;
        border-bottom: 1px solid #b3b3b3;
        position: relative;
        i {
          display: block;
          width: ${r(5)};
          height: ${r(5)};
          background-color: #ccc;
          border-radius: ${r(5)};
          position: absolute;
          left: 50%;
          bottom: -3px;
        }
      }
      img {
        display: inline-block;
        width: ${r(107)};
        height: ${r(146)};
      }
    }
    
  }
  
`;